.dialog-device-box {
    border-radius: 12px;
    width: 600px;
    .title-box {
        height: 50px;
        width: calc(100% - 20px);
        margin-left: 20px;
        border-bottom: 1px solid #dde2ee;
        font-weight: 500;
        font-size: 16px;
        color: #1b2431;
        line-height: 50px;
    }
    .el-dialog__header {
        margin: 0;
        padding: 0;
    }
    .device-battery-msg-box {
        width: 400px;
        margin: 0 auto;
        .battery-msg-box {
            width: 100%;
            .battery-msg-items {
                width: 193px;
                padding: 10px 0;
                box-sizing: border-box;
                background: #5c5f66;
                margin: 0 12px 12px 0;
                &:nth-child(2n) {
                    margin-right: 0;
                }
                .desc {
                    font-weight: 400;
                    font-size: 12px;
                    color: #ffffff;
                    margin-bottom: 14px;
                }
                .battery-btn-box {
                    width: 100%;
                    .battery-btn {
                        width: 48px;
                        height: 19px;
                        border-radius: 10px;
                        border: 1px solid #ffffff;
                        background-color: rgba(0, 0, 0, 0);
                        font-weight: 400;
                        font-size: 12px;
                        color: #ffffff;
                    }
                }
            }
        }
        .battery-state-box {
            width: 100%;
            height: 40px;
            background: #f5f7fa;
            padding: 0 12px;
            box-sizing: border-box;
            .battery-state-box-title {
                font-weight: 400;
                font-size: 14px;
                color: #5c5f66;
                margin: 0;
                padding: 0;
            }
            .battery-state-box-contnet {
                width: calc(100% - 60px);
                .battery-state-box-contnet-items {
                    font-weight: 400;
                    font-size: 13px;
                    color: #5c5f66;
                    .battery-state-box-contnet-items-tips {
                        width: 8px;
                        height: 8px;
                        background: #5c5f66;
                        margin-right: 5px;
                        display: inline-block;
                    }
                    .blue {
                        background: #3b75ff;
                    }
                    .yellow {
                        background: #f5bb4b;
                    }
                    .red {
                        background: #eb1134;
                    }
                }
            }
        }
    }
    .dialog-footer-btn1 {
        width: 80px;
        height: 36px;
        background: #3d7fff;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
    }
    .dialog-footer-btn2 {
        width: 108px;
        height: 36px;
        background: #3d7fff;
        border-radius: 3px;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
    }
    .dialog-footer-btn3 {
        width: 52px;
        height: 36px;
        background: #f0f2f5;
        border-radius: 3px;
        border: 1px solid #d7dbe0;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
    }
    .profit-msg-box {
        width: 100%;
        .profit-msg-box-items100 {
            width: 70% !important;
        }
        .profit-msg-box-items {
            width: 50%;
            margin-bottom: 20px;
            .profit-msg-box-items-title {
                font-weight: 400;
                font-size: 14px;
                color: #828a9d;
                width: 80px;
            }
            .profit-msg-box-items-desc {
                font-weight: 400;
                font-size: 14px;
                color: #1b2431;
                width: calc(100% - 90px);
            }
        }
    }
}
